<!DOCTYPE html>
<html lang="en">
<head>
<title>What is Dark Mode?</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta content="sakai.globalNavigation" name="description">
<link href="../css/help.css" media="all" rel="stylesheet" type="text/css" charset="utf-8">
<link href="/library/webjars/fontawesome/4.7.0/css/font-awesome.min.css" media="screen" rel="stylesheet">
<link href="/library/skin/morpheus-default/tool.css" media="screen" rel="stylesheet" type="text/css" charset="utf-8">
<script src="/library/webjars/jquery/1.12.4/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/library/js/headscripts.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
    includeWebjarLibrary('featherlight');
    $(document).ready(function(){
      $("a.screensteps-image-zoom").featherlight({
        type: { image:true },
        closeOnClick: 'anywhere'
      }); 
    });   
</script>
</head>
<body>
  <div><div>
<div><h1 class="article-title">What is Dark Mode?</h1></div>
<div>



    <div class="step-instructions screensteps-textblock screensteps-wrapper--introduction screensteps-wrapper">
  <div id="text-content_1E7DA37D-979F-480C-92BF-F4379A76594C" class="text-block-content">
    <p>Dark Mode or Dark Theme allows you to change the overall system color scheme to light text on a dark background, as opposed to the default dark text on light background. Utilizing Dark Mode offers benefits such as reducing your device's energy consumption and minimizing eye strain when working in low-light environments.</p>
<p>If your device's operating system is set to dark mode, the system will automatically enable Dark Mode in the application.</p>
  </div>
</div>

    <div class="step-instructions screensteps-textblock screensteps-wrapper--tip screensteps-wrapper">
  <div id="text-content_FEC30AFC-88FC-42F2-BDFD-A130BB790421" class="text-block-content">
    <p><em><strong>Note</strong>: If you don't see one or both of the methods below, it's possible that Dark Mode has not been enabled in your system.</em> </p>
  </div>
</div>

      <div class="step screensteps-section screensteps-depth-1" id="to-enable-dark-mode-via-the-user-profile-drop-down-menu">
    <h2 class="step-title screensteps-heading">Enabling Dark Mode via the Account menu</h2>
        <div class="step screensteps-section screensteps-depth-2" id="to-enable-dark-mode-select-your-profile-icon-and-choose-dark-theme-on">
    <h3 class="step-title screensteps-heading">Click your Account icon.</h3>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/009/387/831/original/b735d418-5388-42f4-b5ca-19d43afe3245.png" alt="" height="60" width="316">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_0C981AA9-B6F9-438F-8324-F474E491E1D1" class="text-block-content">
    <p>In the site header area of the page, click your Account icon.</p>
  </div>
</div>
 
  </div>
 
        <div class="step screensteps-section screensteps-depth-2" id="click-dark-mode">
    <h3 class="step-title screensteps-heading">Select the Dark Mode option.</h3>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/009/387/833/original/423d82ca-cbf0-4eea-821a-907906525798.png" alt="" height="851" width="429">
  </div>
 
  </div>
 
        <div class="step screensteps-section screensteps-depth-2" id="your-screen-will-change-to-display-light-text-on-a-dark-background">
    <h3 class="step-title screensteps-heading">Verify the update to Dark Mode.</h3>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/009/387/835/original/fb528be8-ca1c-4c7e-b3e3-5dee7e6dae2b.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/009/387/835/medium/fb528be8-ca1c-4c7e-b3e3-5dee7e6dae2b.png" alt="Image of the Account menu with dark mode enabled" height="580" width="855">
      </a>
  </div>
 
  </div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="to-enable-dark-mode-via-preferences">
    <h2 class="step-title screensteps-heading">Enabling Dark Theme via Preferences</h2>
        <div class="step screensteps-section screensteps-depth-2" id="in-your-home-site-select-the-preferences-tool">
    <h3 class="step-title screensteps-heading">In your Home site, select the Preferences tool.</h3>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/009/387/837/original/874a45fc-5033-40ed-b46b-d7677cdb0532.png" alt="" height="466" width="301">
  </div>
 
  </div>
 
        <div class="step screensteps-section screensteps-depth-2" id="in-preferences-select-the-theme-tab">
    <h3 class="step-title screensteps-heading">Select Theme.</h3>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/009/387/839/original/342c8bb6-c23e-4cd8-8bcd-6e2dbcc1abf4.png" alt="" height="66" width="569">
  </div>
 
  </div>
 
        <div class="step screensteps-section screensteps-depth-2" id="select-the-radio-button-for-dark-theme-and-click-update-preferences">
    <h3 class="step-title screensteps-heading">Select Dark Theme and click Update Preferences.</h3>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/009/387/841/original/df628759-1d6a-4dd4-9956-ddd90e856751.png" alt="" height="219" width="428">
  </div>
 
  </div>
 
        <div class="step screensteps-section screensteps-depth-2" id="your-screen-will-change-to-display-light-text-on-a-dark-background_1">
    <h3 class="step-title screensteps-heading">Verify the update to Dark Theme.</h3>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/009/387/843/original/0f9e1b32-7755-4cc8-836f-6959ed3a38d7.png" alt="Image of dark theme after having just changed from Light theme." height="356" width="641">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_869CEACA-3686-4893-9E62-FECE9B0FF259" class="text-block-content">
    <p>Your screen will change to display light text on a dark background.</p>
  </div>
</div>
 
  </div>
 
  </div>


</div>
</div></div>
</body>
</html>
